<style>
    .meizu-body {
        margin: 0;
        padding: 0;
        font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", SimSun, Heiti, sans-serif;
        font-size: 62.5%;
        background: #F4F4F4;
        position: relative;
        width: 100%;
    }

    .clear-fix:after {
        content: '';
        display: table;
        clear: both;
    }

    #myslider {
        width: 100%;
    }

    #myslider img {
        width: 100%;
        height: auto;
    }

    #ep52-lite {
        width: 100%;
    }

    #ep52-lite img {
        width: 100%;
        height: auto;
    }

    .meizu-logo {
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 10;
    }

    .meizu-menu {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10;
        /*border: solid 1px gray;*/
        color: #FFFFFF;
        font-size: 1rem;
        font-weight: bold;
    }

    .meizu-menu li {
        float: left;
        list-style: none;
        width: 100px;
    }

    .meizu-menu li a {
        text-decoration: none;
        color: inherit;
    }

    .meizu-menu li a:hover {
        color: cornflowerblue;
    }

    .meizu-move-effect {
        /*top: 0;*/
        transition: all 0.1s linear;
        -moz-transition: top 0.5s; /* Firefox 4 */
        -webkit-transition: top 0.5s; /* Safari and Chrome */
        -o-transition: top 0.5s; /* Opera */
    }

    .meizu-move-effect:hover {
        position: relative;
        top: -0.15rem;
        box-shadow: 0.5rem 0.5rem 1rem #ddd;
    }

    .meizu-shadow:hover {
        box-shadow: 0.5rem 0.5rem 1rem #ddd;
    }

    .meizu-across-three-pic {
        margin: 0;
        padding: 2rem 2rem 2rem 2rem;
    }

    .meizu-across-three-pic li + li {
        margin-left: 1rem;
    }

    .meizu-across-three-pic li {
        display: inline-block;
        float: left;
        list-style: none;
        width: calc(33.333333% - 0.8rem);
        border: solid 1px #eee;
    }

    .meizu-across-three-pic li img {
        width: 100%;
    }

    .meizu-one-layout {
        width: 100%;
    }

    .meizu-one-layout img {
        width: 100%;
    }

    .meizu-mid-text {
        width: 100%;
        text-align: center;
        font-size: 3rem;
        color: #333;
        margin: 2rem 0 2rem 0;
        padding: 0;

    }

    .meizu-across-four-pic {
        width: 100%;
        font-size: 0;
        margin: 0 0 2rem 0;
        padding: 2rem 2rem 2rem 2rem;
    }

    .meizu-across-four-pic li:nth-child(even) {
        margin-left: 1rem;
    }

    .meizu-across-four-pic li {
        display: inline-block;
        float: left;
        list-style: none;
        width: calc(50% - 2rem);
        margin-bottom: 1rem;
    }

    .meizu-across-four-pic li img {
        width: 100%;
    }

    .ytb-video {
        width: 96%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .ytb-video li {
        padding: 0;
        list-style: none;
        float: left;
        width: calc(33%);
    }

    .meizu-buy-it-now {
        width: 7rem;
        height: 2rem;
        background: #1EB9EE;
        border-radius: 1rem;
        color: #4B4E53;
        border: none;
        cursor: pointer;
    }

    .see-other-item {
        display: block;
        width: 44%;
        margin: 2rem auto 2rem;
        text-align: center;
    }

    .see-other-item button {
        width: 98%;
        height: 3rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem;
        border: 0;
        color: #4B4E53;
        background: #1EB9EE;
        font-size: 1.2rem;
        cursor: pointer;
    }

    .see-other-item button:hover {
        color: #fff;
        background: #0088FF;
    }

    .meizu-buy-it-now:hover {
        background: #0088ff;
        color: #fff;
    }

    @media screen and (max-width: 800px) {
        .ytb-video {
            padding: 0;
            text-align: center;
        }

        .ytb-video li {
            list-style: none;
            width: 100%;
        }
    }

    footer {
        margin: 0;
        width: 100%;
        height: 10rem;
        background-color: #fff;
        border-top: solid 6px #EEECEF;
        border-bottom: solid 6px #EEECEF;
    }

    footer .footer-up {
        padding-top: 3rem;
        width: 100%;
    }

    footer .footer-up ul {
        margin: 0 auto;
        padding: 0;
        width: 94%;

    }

    footer .footer-up ul li {
        float: left;
        list-style: none;
        width: calc(25%);
        height: 5rem;

    }

    footer .footer-up ul .logo {
        line-height: 5rem;
    }

    footer .footer-up ul .logo img {
        display: inline-block;
        vertical-align: middle;
    }

    footer .footer-up ul a {
        text-decoration: none;
        color: #4B4E53;
    }

    footer .footer-up ul a .contact-icon {
        background: url(http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029194235/cf11ccb17ae60984a04d7b91f83795da.png) no-repeat -3.2rem 0;
        display: block;
        height: 3.2rem;
        width: 3.2rem;
        vertical-align: bottom;
        margin-left: 0.6rem;
    }

    footer .footer-up ul a .contact-icon:hover {
        background: url(http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029194235/cf11ccb17ae60984a04d7b91f83795da.png) no-repeat 0 0;
    }

    footer .footer-up ul a .about-icon {
        background: url(http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029194235/cf11ccb17ae60984a04d7b91f83795da.png) no-repeat -3.2rem -3.2rem;
        display: block;
        height: 3.2rem;
        width: 3.2rem;
        vertical-align: bottom;
        margin-left: 0.6rem;
    }

    footer .footer-up ul a .about-icon:hover {
        background: url(http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029194235/cf11ccb17ae60984a04d7b91f83795da.png) no-repeat 0 -3.2rem;
    }

    footer .footer-up ul .right {
        text-align: right;
        color: #4B4E53;
        font-style: normal;
    }

    footer .footer-up ul .right .work-time {
        color: #00C3F5;
        font-size: 1.2rem;
    }
</style>
<section class="meizu-body">
    <div id="myslider">

        <a href="https://www.ebay.com/itm/123429780682">
            <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181025163322/d6e85b188403a0f7fa86fefde5171997.jpg"
                 alt="" id="meizu-first-slide-pic">
        </a>
        <a href="https://www.ebay.com/itm/123434401939">
            <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181025162233/406fb5036344ff9891034765d5b1fc1f.jpg"
                 alt="">
        </a>
        <a href="https://www.ebay.co.uk/itm/123355396438">
            <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163628/c476528b870ccd601e13ecfac5157449.jpg"
                 alt="">
        </a>
    </div>
    <a href="" class="meizu-logo"><img
            src="https://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029093828/bdf591a6a0f918b946133124d4f0e248.png"
            class="meizu-logo-pic" alt=""></a>
    <ul class="meizu-menu">
        <li><a href="https://www.ebay.co.uk/sch/meizu2000/m.html" target="_blank">All Item</a></li>
        <li><a href="http://www.ebaystores.com/Meizu-Flagship/About-Payment.html">Payment</a></li>
        <li><a href="http://www.ebaystores.com/Meizu-Flagship/About-Shipping.html">Shipping</a></li>
        <li><a href="http://www.ebaystores.com/Meizu-Flagship/About-MEIZU.html">About Meizu</a></li>
    </ul>
    <div id="ep52-lite">
        <a href="https://www.ebay.com/itm/123429780682"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029105123/d2cbfdbd09f35235e4f8dd181bc95905.jpg"/></a>
        <a href="https://www.ebay.com/itm/123429744796"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029105125/26af5603faf9fe4162555ea52cd2d097.jpg"/></a>
        <a href="https://www.ebay.com/itm/123429794273"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029105124/6fc3b63869f3fa7ec88922800012861d.jpg"/></a>
    </div>
    <!--<div><a href="https://www.ebay.com/itm/123429794273"><img
            src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105253/4ddae2510eafb6b9f377cff6b4869f72.jpg"
            alt="" width="100%"></a></div>-->
    <ul class="meizu-across-three-pic clear-fix">
        <li><a href="https://www.ebay.com/itm/123355396438"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105256/61ba67d1fe2838ba544c8a441d285b08.jpg"
                class="meizu-move-effect" alt=""></a>
        </li>
        <li>
            <a href="https://www.ebay.com/itm/123436982651"><img
                    src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027110033/ed93d8988866c5f9374bdcd8b5e5cc32.jpg"

                    class="meizu-move-effect" alt=""></a>
        </li>
        <li><a href="https://www.ebay.com/itm/123436907994"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105254/cdd1a1d6200c63ae319fcd1ef05aae02.jpg"
                class="meizu-move-effect" alt=""></a>
        </li>

    </ul>
    <p class="meizu-mid-text">Accessory</p>
    <section class="meizu-one-layout">
        <a href="https://www.ebay.co.uk/itm/123355419629">
            <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181025121124/701219b33523492638ce1e305af65539.jpg"
                 alt="">
        </a>
    </section>
    <ul class="meizu-across-four-pic clear-fix">
        <li><a href="https://www.ebay.co.uk/itm/123523696242"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105255/7f06fcf505488962a93fa439dea0c0b8.jpg"
                class="meizu-move-effect" alt=""></a></li>
        <li><a href="https://www.ebay.co.uk/itm/123434467035"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105249/42c175dd9b9f66abb55a3201bb353c75.jpg"
                class="meizu-move-effect" alt=""></a></li>
        <li><a href="https://www.ebay.co.uk/itm/123436857512"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029102258/0e25a68798f06652f8a22b09d0e369cc.jpg"
                class="meizu-move-effect" alt=""></a></li>
        <li><a href="https://www.ebay.co.uk/itm/123434694543"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105252/a65224400ec29cf961656f41e7e6bcf4.jpg"
                class="meizu-move-effect" alt=""></a></li>
    </ul>
    <a href="https://www.ebay.co.uk/sch/meizu2000/m.html" class="see-other-item" target="_blank">
        <button> See Other Items</button>
    </a>
    <ul class="ytb-video clear-fix">
        <li align="center">
            <object width="100%" height="238">
                <param name="movie" value="https://www.youtube.com/v/d_AodHKFFic?version=3&amp;autoplay=0">
                <param name="allowScriptAccess" value="always">
                <embed src="https://www.youtube.com/v/d_AodHKFFic?version=3&amp;autoplay=0"
                       type="application/x-shockwave-flash" allowscriptaccess="always" width="100%">
            </object>
            <br>
            <a href="https://www.ebay.co.uk/itm/123355396438" target="_blank">
                <button class="meizu-buy-it-now">Buy It Now</button>
            </a>
        </li>
        <li align="center">
            <object width="100%" height="238">
                <param name="movie" value="https://www.youtube.com/v/KY6GZI9mrJM?version=3&amp;autoplay=0">
                <param name="allowScriptAccess" value="always">
                <embed src="https://www.youtube.com/v/KY6GZI9mrJM?version=3&amp;autoplay=0"
                       type="application/x-shockwave-flash" allowscriptaccess="always" width="100%">
            </object>
            <br>
            <a href="https://www.ebay.co.uk/itm/123429780682" target="_blank">
                <button class="meizu-buy-it-now">Buy It Now</button>
            </a>
        </li>
        <li align="center">
            <object width="100%" height="238">
                <param name="movie" value="https://www.youtube.com/v/LMDoKFL2a6o?version=3&amp;autoplay=0">
                <param name="allowScriptAccess" value="always">
                <embed src="https://www.youtube.com/v/LMDoKFL2a6o?version=3&amp;autoplay=0"
                       type="application/x-shockwave-flash" allowscriptaccess="always" width="100%">
            </object>
            <br>
            <a href="https://www.ebay.co.uk/itm/123355396438" target="_blank">
                <button class="meizu-buy-it-now">Buy It Now</button>
            </a>
        </li>
    </ul>
    <p class="meizu-mid-text">Support</p>
    <ul class="meizu-across-four-pic clear-fix">
        <li><a href="javascript:;"><img
                src="https://ebaygirl.com/static/GlobalShiping.jpg"
                class="meizu-shadow" alt=""></a></li>
        <li><a href="javascript:;"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105256/50e9050dac66fa433b0ba48bb24f4070.jpg"
                class="meizu-shadow" alt=""></a></li>

        <li><a href="javascript:;"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105251/cf312ce9ea5f5aa038238e9883e18359.jpg"
                class="meizu-shadow" alt=""></a></li>
        <li><a href="javascript:;"><img
                src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027105255/3a5fd7e136beebf13275e07b4a609a76.jpg"
                class="meizu-shadow" alt=""></a></li>

    </ul>

    <footer class="footer">
        <section class="footer-up">

            <ul class="clear-fix">
                <li class="logo"><a href="http://www.ebaystores.co.uk/Meizu-Flagship"><img
                        src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027110032/5ed5d4e40177d7a89856abd0ccb31aa9.png"
                        alt=""></a></li>

                <li>
                    <a href="http://www.ebaystores.co.uk/Meizu-Flagship/About-MEIZU.html">
                        <span class="contact-icon"></span>
                        <span>About MEIZU</span>
                    </a>
                </li>
                <li>
                    <a href="https://contact.ebay.co.uk/ws/eBayISAPI.dll?FindAnswers&requested=meizu2000&frm=284&ssPageName=STRK%3AMEFSXS%3ACS&_trksid=p2053788.m1543.l2652"
                       target="_blank">
                        <span class="about-icon"></span>
                        <span>Contact US</span>
                    </a>
                </li>
                <li class="right">
                    <p>Customer Service</p>
                    <span class="work-time">Monday - Friday</span>
                    <p>Message replied in 24 hours on workday</p>
                </li>
            </ul>
        </section>
        <section class="footer-bottom">

        </section>

    </footer>
</section>
<script>
    !function (e, n) {
        if ("function" == typeof define && define.amd) define(["exports"], n); else if ("undefined" != typeof exports) n(exports); else {
            var t = {exports: {}};
            n(t.exports), e.simpleslider = t.exports
        }
    }(this, function (e) {
        "use strict";

        function n(e, n) {
            return null == e ? n : e
        }

        function t(e) {
            return e.length
        }

        function i(e, n, i, o, r, u) {
            var d = void 0, c = [];
            n || (n = e.children);
            for (var f = t(n); --f >= 0;) c[f] = n[f], d = c[f].style, d.position = "absolute", d.top = d.left = d.zIndex = 0, d[u] = o + i;
            return d[u] = r + i, d.zIndex = 1, c
        }

        function o(e, n, t, i) {
            return (e /= i / 2) < 1 ? t / 2 * e * e * e + n : t / 2 * ((e -= 2) * e * e + 2) + n
        }

        function r(e) {
            function r() {
                b = F(), g = setTimeout(function () {
                    b = F(), T = C, s(v()), r()
                }, T)
            }

            function u() {
                d() && (g && clearTimeout(g), r())
            }

            function d() {
                return !j && t(z) > 1
            }

            function c() {
                d() && (T = C - (F() - b), clearTimeout(g), g = 0)
            }

            function f() {
                var e = M;
                M = _, _ = e, I = Math.abs(I - (t(z) - 1)), z = z.reverse()
            }

            function s(e) {
                for (var n = t(z); --n >= 0;) z[n].style.zIndex = 1;
                z[e].style.zIndex = 3, z[I].style.zIndex = 2, y(z[I].style, S, _, z[e].style, M, S, q, 0, 0, k), I = e, A && A(p(), I)
            }

            function l() {
                s(v()), u()
            }

            function a() {
                s(p()), u()
            }

            function v() {
                var e = I + 1;
                return e >= t(z) ? 0 : e
            }

            function p() {
                var e = I - 1;
                return e < 0 ? t(z) - 1 : e
            }

            function x() {
                clearTimeout(g), document.removeEventListener("visibilitychange", h), z = w = g = E = q = C = M = _ = j = I = T = A = D = null
            }

            function m() {
                return I
            }

            function y(e, n, t, i, o, r, u, d, c, f) {
                function s(e, n, t) {
                    e[E] = f(c - d, n, t - n, u) + L
                }

                if (d > 0) {
                    if (!(c - d < u)) return e[E] = t + L, i[E] = r + L, void(D && D(I, v()));
                    s(e, n, t), s(i, o, r)
                }
                requestAnimationFrame(function (c) {
                    0 === d && (d = c), y(e, n, t, i, o, r, u, d, c, f)
                })
            }

            function h() {
                document.hidden ? c() : u()
            }

            e = e || {};
            var I = void 0, g = void 0, b = void 0, z = void 0, T = void 0,
                w = n(e.container, document.querySelector("*[data-simple-slider]")), E = n(e.prop, "left"),
                q = 1e3 * n(e.duration, .5), C = 1e3 * n(e.delay, 3), L = n(e.unit, "%"), M = n(e.init, -100),
                S = n(e.show, 0), _ = n(e.end, 100), j = e.paused, k = n(e.ease, o), A = n(e.onChange, 0),
                D = n(e.onChangeEnd, 0), F = Date.now;
            return document.addEventListener("visibilitychange", h), function () {
                if (t(w.children) > 0) {
                    var n = w.style;
                    n.position = "relative", n.overflow = "hidden", n.display = "block", z = i(w, e.children, L, M, S, E), I = 0, T = C
                }
            }(), z && t(z) > 1 && u(), {
                currentIndex: m,
                pause: c,
                resume: u,
                nextIndex: v,
                prevIndex: p,
                next: l,
                prev: a,
                change: s,
                reverse: f,
                dispose: x
            }
        }

        Object.defineProperty(e, "__esModule", {value: !0}), e.getSlider = r
    });
</script>
<script>
    function changeIndex1to2(prev, next) {
        // console.log(prev, next);
        var srcBlue = "http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181027110032/5ed5d4e40177d7a89856abd0ccb31aa9.png",
            srcWhite = "https://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181029093828/bdf591a6a0f918b946133124d4f0e248.png",
            fontWhite = "#FFF",
            fontBlack = "#333";

        if (prev === 0 & next === 1) {
            document.querySelector('.meizu-logo-pic').src = srcWhite;
            document.querySelector('.meizu-menu').style.color = fontWhite;
        } else if (prev === 1 & next === 2) {
            document.querySelector('.meizu-logo-pic').src = srcBlue;
            document.querySelector('.meizu-menu').style.color = fontBlack;
        } else if (prev === 2 & next === 0) {
            document.querySelector('.meizu-logo-pic').src = srcBlue;
            document.querySelector('.meizu-menu').style.color = fontBlack;
        }


    }

    var container = document.getElementById('myslider');
    // var height = isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
    // console.log(document.querySelector('#meizu-first-slide-pic').style.height);
    // console.log(window.innerWidth);
    var height = window.innerWidth / 1440 * 680 - 10;

    var imgSlider = simpleslider.getSlider({
        container: container,
        autoPlay: true,
        prop: 'left',
        duration: 0.8,
        delay: 3,
        unit: '%',
        init: -20,
        show: 0,
        end: 100,
        onChangeEnd: changeIndex1to2
    });
    container.style.height = height + 'px';

    var height1 = window.innerWidth / 1440 * 523 - 10;
    var container1 = document.getElementById('ep52-lite');
    var ep52Lite = simpleslider.getSlider({
        container: container1,
        prop: 'opacity',
        unit: '',
        init: 0,
        show: 1,
        end: 0,
        duration: 2
    });
    container1.style.height = height1 + 'px';

    window.onresize = function () {
        container.style.height = window.innerWidth / 1440 * 680 - 10 + 'px';
        container1.style.height = window.innerWidth / 1440 * 523 - 10 + 'px';
    }


</script>
